<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
    
 @Name：梦离路 整站模板源码
 @Author：Absolutely
 @Site：http://www.lyblogs.cn

 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<title>梦离路 - 关于本站</title>
<link rel="shortcut icon"
	href="<%=basePath%>file/images/0017029564278191.jpg"
	type="image/x-icon">
<!--Layui-->
<link href="<%=basePath%>file/plug/layui/css/layui.css" rel="stylesheet" />
<!--font-awesome-->
<link
	href="<%=basePath%>file/plug/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<!--全局样式表-->
<link href="<%=basePath%>file/css/global.css" rel="stylesheet" />
<!-- 本页样式表 -->
<link href="<%=basePath%>file/css/about.css" rel="stylesheet" />
</head>
<body>
	<!-- 导航 -->
	<nav class="blog-nav layui-header">
	<div class="blog-container">
		<!-- QQ互联登陆 -->
		<a href="javascript:;" class="blog-user"> <i class="fa fa-qq"></i>
		</a> <a href="javascript:;" style="top:10px" class="blog-user layui-hide">
			<img src="<%=basePath%>file/images/Absolutely.jpg" alt="Absolutely"
			title="Absolutely" />
		</a>
		<!-- 梦离路  -->
		<a class="blog-logo" href="home">梦离路 </a>
		<!-- 导航菜单 -->
		<ul class="layui-nav" lay-filter="nav">
			<li class="layui-nav-item"><a href="../home/read"><i
					class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
			<li class="layui-nav-item"><a href="../article/read"><i
					class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
			<li class="layui-nav-item"><a href="../resource/read"><i
					class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
			<li class="layui-nav-item"><a href="../time/read"><i
					class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a></li>
			<li class="layui-nav-item layui-this"><a href="about/read"><i
					class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
		</ul>
		<!-- 手机和平板的导航开关 -->
		<a class="blog-navicon" href="javascript:;"> <i
			class="fa fa-navicon"></i>
		</a>
	</div>
	</nav>
	<!-- 主体（一般只改变这里的内容） -->
	<div class="blog-body">
		<div class="blog-container">
			<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
				<a href="../home/read" title="网站首页">网站首页</a> <a><cite>关于本站</cite></a>
			</blockquote>
			<div class="blog-main">
				<div class="layui-tab layui-tab-brief shadow" lay-filter="tabAbout">
					<ul class="layui-tab-title">
						<li lay-id="1">关于博客</li>
						<li lay-id="2">关于作者</li>
						<li lay-id="3" id="frinedlink">友情链接</li>
						<li lay-id="4">留言墙</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item">
							<div class="aboutinfo">
								<div class="aboutinfo-figure">
									<img src="<%=basePath%>file/images/0017029564278191.jpg"
										alt="梦离路 " height="100px" width="100px" />
								</div>
								<p class="aboutinfo-nickname">梦离路</p>
								<p class="aboutinfo-introduce">一个JAVA程序员的个人博客，记录博主学习和成长之路，分享JAVA方面技术和源码</p>
								<p class="aboutinfo-location">
									<i class="fa fa-link"></i>&nbsp;&nbsp;<a target="_blank"
										href="http://www.lyblogs.cn">www.lyblogs.cn</a>
								</p>
								<hr />
								<div class="aboutinfo-contact">
									<a target="_blank" title="网站首页" href="../home/read"><i
										class="fa fa-home fa-2x"
										style="font-size:2.5em;position:relative;top:3px"></i></a> <a
										target="_blank" title="文章专栏" href="../article/read"><i
										class="fa fa-file-text fa-2x"></i></a> <a target="_blank"
										title="资源分享" href="../resource/read"><i
										class="fa fa-tags fa-2x"></i></a> <a target="_blank" title="点点滴滴"
										href="../time/read"><i class="fa fa-hourglass-half fa-2x"></i></a>
								</div>

								<fieldset class="layui-elem-field layui-field-title">
									<legend>简介</legend>
									<div class="layui-field-box aboutinfo-abstract">
										<p style="text-align:center;">梦离路
											是一个由Spring+Mybatis开发的个人博客网站，诞生于2018年10月9日。</p>
										<h1>第一个版本</h1>
										<p>诞生的版本，采用Spring MVC + Mybatis +
											Spring作为后台框架，前端采用码云开源项目，用了Bootstrap的栅格系统来布局！起初并没有注意美工，只打算完成基本的功能，故视觉体验是比较差的。</p>
										<h1>第二个版本</h1>
										<p>暂无</p>
										<h1>当前版本</h1>
										<p>暂无</p>
										<h1 style="text-align:center;">The End</h1>
									</div>
								</fieldset>
							</div>
						</div>
						<!--关于网站End-->
						<div class="layui-tab-item">
							<div class="aboutinfo">
								<div class="aboutinfo-figure">
									<img src="<%=basePath%>file/images/dream.jpg" alt="Absolutely"
										height="100px" width="100px" />
								</div>
								<p class="aboutinfo-nickname">梦与现实</p>
								<p class="aboutinfo-introduce">一枚90后程序员，JAVA开发工程师兼数据库运维，主攻B/S架构，略懂Web前端。</p>
								<p class="aboutinfo-location">
									<i class="fa fa-location-arrow"></i>&nbsp;四川 - 成都
								</p>
								<hr />
								<div class="aboutinfo-contact">
									<a target="_blank" title="QQ交流"
										href="javascript:layer.msg('1160132377')"><i
										class="fa fa-qq fa-2x"></i></a> <a target="_blank" title="给我写信"
										href="javascript:layer.msg('1160132377@qq.com')"><i
										class="fa fa-envelope fa-2x"></i></a> <a target="_blank"
										title="新浪微博"
										href="javascript:layer.msg('https://weibo.com/p/1005056752930503/home')"><i
										class="fa fa-weibo fa-2x"></i></a> <a target="_blank" title="码云"
										href="javascript:layer.msg('https://gitee.com/anewdream')"><i
										class="fa fa-git fa-2x"></i></a>
								</div>
								<fieldset class="layui-elem-field layui-field-title">
									<legend>简介</legend>
									<div class="layui-field-box aboutinfo-abstract abstract-bloger">
										<p style="text-align:center;">梦与现实，梦离路
											创始人，诞生于1998年10月3日，目前是一个程序员，从事JAVA开发。</p>
										<h1>个人信息</h1>
										<p>性别：男</p>
										<p>故乡：四川省广安市</p>
										<p></p>
										<h1>个人介绍</h1>
										<p>每个人都有每个人的故事，我不能说我的故事多么的苦，多么的曲折，因为，
											我很讨厌消费自己的苦难和经历，但是，并不是说我就讨厌哪些消费自己苦难的人。
											我一直都觉得，一个人的经历过哪些苦难是要我们自己去发现的， 而且不是听别人说我经历过多少苦难。</p>
										<p>我以前一直都想用自己的故事来教育还在迷途的人，后来，发现自己做的都是徒劳，因为别人经历的始终不会感同身受。
											如果，能在事情发生之前改掉自己的缺点，人生何来苦难。只有痛在自己心里，才会变。</p>
										<h1 style="text-align:center;">The End</h1>
									</div>
								</fieldset>
							</div>
						</div>
						<!--关于作者End-->
						<div class="layui-tab-item">
							<div class="aboutinfo">
								<div class="aboutinfo-figure">
									<img src="<%=basePath%>file/images/handshake.png" alt="友情链接" />
								</div>
								<p class="aboutinfo-nickname">友情链接</p>
								<p class="aboutinfo-introduce">Name：梦离路
									&nbsp;&nbsp;&nbsp;&nbsp;Site：网址</p>
								<p class="aboutinfo-location">
									<i class="fa fa-close"></i>经常宕机&nbsp; <i class="fa fa-close"></i>不合法规&nbsp;
									<i class="fa fa-close"></i>插边球站&nbsp; <i class="fa fa-close"></i>红标报毒&nbsp;
									<i class="fa fa-check"></i>原创优先&nbsp; <i class="fa fa-check"></i>技术优先
								</p>
								<hr />
								<div class="aboutinfo-contact">
									<p style="font-size:2em;">互换友链，携手并进！</p>
									<a href="addlink" class="layui-btn layui-btn-primary">添加友链</a>
								</div>
								<fieldset class="layui-elem-field layui-field-title">
									<legend>Friend Link</legend>
									<div class="layui-field-box">
										<ul class="friendlink">
											<c:forEach items="${list_link}" var="link">
												<li><a target="_blank" href="${link.linkHttp}"
												title="${link.title}" class="friendlink-item">
													<p class="friendlink-item-pic">
														<img src="${link.linkImg}" alt="Layui" />
													</p>
													<p class="friendlink-item-title">${link.title}</p>
													<p class="friendlink-item-domain">${link.domainName}</p>
												</a></li>	
											</c:forEach>
										</ul>
									</div>
								</fieldset>
							</div>
						</div>
						<!--友情链接End-->
						<div class="layui-tab-item">
							<div class="aboutinfo">
								<div class="aboutinfo-figure">
									<img src="<%=basePath%>file/images/messagewall.png" alt="留言墙" />
								</div>
								<p class="aboutinfo-nickname">留言墙</p>
								<p class="aboutinfo-introduce">本页面可留言、吐槽、提问。欢迎灌水，杜绝广告！</p>
								<p class="aboutinfo-location">
									<i class="fa fa-clock-o"></i>&nbsp;<span id="time"></span>
								</p>
								<hr />
								<div class="aboutinfo-contact">
									<p style="font-size:2em;">沟通交流，拉近你我！</p>
								</div>
								<fieldset class="layui-elem-field layui-field-title">
									<legend>Leave a message</legend>
									<div class="layui-field-box">
										<div class="leavemessage" style="text-align:initial">
											<form class="layui-form blog-editor" action="">
												<div class="layui-form-item">
													<textarea name="editorContent" lay-verify="content"
														id="remarkEditor" placeholder="请输入内容"
														class="layui-textarea layui-hide"></textarea>
												</div>
												<div class="layui-form-item">
													<button class="layui-btn" lay-submit="formLeaveMessage"
														lay-filter="formLeaveMessage">提交留言</button>
												</div>
											</form>
											<ul class="blog-comment">
												
												</li>
												
												
												<c:forEach items="${messages}" var="message">
													<li>
													<div class="comment-parent">
														<img src="${message.user.qqimg}" alt="${message.user.qqname}" />
														<div class="info">
															<span class="username">${message.user.qqname}</span>
														</div>
														<div class="content">${message.context}</div>
														<p class="info info-footer">
															<span class="time">${message.gettime}</span>
															<a class="btn-reply" href="javascript:;"
																onclick="btnReplyClick(this)">回复</a>
														</p>
													</div>
													<hr />
													<c:forEach items="${message.mreplys}" var="mreply">
														<div class="comment-child">
														<img src="${mreply.user.qqimg}"
															alt="${mreply.user.qqname}" />
														<div class="info">
															<span class="username">${mreply.user.qqname}</span><span>${mreply.context}</span>
														</div>
														<p class="info">
															<span class="time">${mreply.gettime}</span>
														</p>
													</div>
													</c:forEach>
													<!-- 回复表单默认隐藏 -->
													<div class="replycontainer layui-hide">
														<form data-mid="${message.mid}" class="layui-form" action="">
															<div class="layui-form-item">
																<textarea name="replyContent" lay-verify="replyContent"
																	placeholder="请输入回复内容" class="layui-textarea"
																	style="min-height:80px;"></textarea>
															</div>
															<div class="layui-form-item">
																<button class="layui-btn layui-btn-mini"
																	lay-submit="formReply" lay-filter="formReply">提交</button>
															</div>
														</form>
													</div>
							
												</c:forEach>
							
							
							
							
							</ul>
						</div>
					</div>
					</fieldset>
				</div>
			</div>
			<!--留言墙End-->
		</div>
	</div>
	</div>
	</div>
	</div>
	<!-- 底部 -->
	<footer class="blog-footer">
	<p>
		<span>Copyright</span><span>&copy;</span><span>2017</span><a
			href="http://www.lyblogs.cn">梦离路 </a><span>Design By LY</span>
	</p>
	<p>
		<a href="http://www.miibeian.gov.cn/" target="_blank">蜀ICP备18033075号-1</a>
	</p>
	</footer>
	<!--侧边导航-->
	<ul
		class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide"
		lay-filter="nav">
		<li class="layui-nav-item"><a href="../home/read"><i
				class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
		<li class="layui-nav-item"><a href="../article/read"><i
				class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
		<li class="layui-nav-item"><a href="../resource/read"><i
				class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
		<li class="layui-nav-item"><a href="../time/read"><i
				class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a></li>
		<li class="layui-nav-item layui-this"><a href="../about/read"><i
				class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
	</ul>
	<!--分享窗体-->
	<div class="blog-share layui-hide">
		<div class="blog-share-body">
			<div style="width: 200px;height:100%;">
				<div class="bdsharebuttonbox">
					<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a
						class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a
						class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a
						class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
				</div>
			</div>
		</div>
	</div>
	<!--遮罩-->
	<div class="blog-mask animated layui-hide"></div>
	<!-- layui.js -->
	<script src="<%=basePath%>file/plug/layui/layui.js"></script>
	<!-- 全局脚本 -->
	<script src="<%=basePath%>file/js/global.js"></script>
	<!-- 本页脚本 -->
	<script src="<%=basePath%>file/js/about.js"></script>
</body>
</html>